body{
    margin: 0px;
    padding: 0px;
    bottom:0px;
    border-color: #eff0f4;
    overflow: hidden;
}
.nav{
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color:#eff0f4;
}
/*状态背景图*/
.background{
    width:93%;
    height:93%;
    margin:20px 60px 40px 60px;
    background-image: url(../images/bg_photo05.png);
    background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
    position:relative;
}
.title{
    line-height: 80px;
    margin-left:60px ;
}
.phoneAll{
    height:100%;
    width:100%;
    position:absolute;
}
/*充电桩*/
#chargingPile1,#chargingPile001{
    position: absolute;
    left:70%;
    top:30%;
    z-index: 2;
}
#chargingPile2,#chargingPile002{
    position: absolute;
    left:63%;
    top:30%;
    z-index: 2;
}
#chargingPile3,#chargingPile003{
    position: absolute;
    left:56%;
    top:30%;
    z-index: 2;
}
#chargingPile4,#chargingPile004{
    position: absolute;
    left:49%;
    top:30%;
    z-index: 2;
}
#chargingPile5,#chargingPile005{
    position: absolute;
    left:42%;
    top:30%;
    z-index: 2;
}
#chargingPile6,#chargingPile006{
    position: absolute;
    left:35%;
    top:30%;
    z-index: 2;
}
#chargingPile7,#chargingPile007{
    position: absolute;
    left:28%;
    top:30%;
    z-index: 2;
}
#chargingPile8,#chargingPile008{
    position: absolute;
    left:21%;
    top:30%;
    z-index: 2;
}
.chargingPile03{
	height:137px; 
	width:68px;
	background-image: url(../images/charging-pile03.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
     cursor: pointer;
}
.chargingPile02{
	height:137px; 
	width:68px;
	background-image: url(../images/charging-pile02.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
     cursor: pointer;
}
.chargingPile04{
	height:137px; 
	width:68px;
	background-image: url(../images/charging-pile04.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
     cursor: pointer;
}
.chargingPile05{
	height:137px; 
	width:68px;
	background-image: url(../images/charging-pile05.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
     cursor: pointer;
}
/*停车位*/
#parkingSpace1,#parkingSpace001{
    position: absolute;
    left:66.5%;
    top:30%;
    z-index: 0;
}
#parkingSpace2,#parkingSpace002{
    position: absolute;
    left:59.5%;
    top:30%;
    z-index: 0;
}
#parkingSpace3,#parkingSpace003{
    position: absolute;
    left:52.5%;
    top:30%;
    z-index: 0;
}
#parkingSpace4,#parkingSpace004{
    position: absolute;
    left:45.5%;
    top:30%;
    z-index: 0;
}
#parkingSpace5,#parkingSpace005{
     position: absolute;
     left:38.5%;
     top:30%;
     z-index: 0;

 }
 #parkingSpace6,#parkingSpace006{
      position: absolute;
      left:31.5%;
      top:30%;
      z-index: 0;
  }
#parkingSpace7,#parkingSpace007{
    position: absolute;
    left:24.5%;
    top:30%;
    z-index: 0;
}
#parkingSpace8,#parkingSpace008{
    position: absolute;
    left:17.5%;
    top:30%;
    z-index: 0;
}
.parkingSpace{
	height:135px;
	width:200px;
	background-image: url(../images/road.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
}
/*房子*/
#house02{
	width:15%;
    height:20%;
    position: absolute;
    left:6%;
    top:65%;
    z-index: 3;
}
#house01{
    position: absolute;
    top:20%;
    left:75%;
    z-index: 3;
}
/*消息显示框*/
#msg1,#msg001{
	width:15%;
    height:19%;
    position: absolute;
    left:65%;
    top:48%;
    z-index:4;
    padding-top:30px;
}
#msg3,#msg003{
	width:15%;
    height:19%;
     position: absolute;
     left:51%;
     top:48%;
     z-index:4;
     padding-top:30px;
 }
#msg5,#msg005{
	width:15%;
    height:19%;
    position: absolute;
    left:37%;
    top:48%;
    z-index:4;
    padding-top:30px;
}
#msg7,#msg007{
	width:15%;
    height:19%;
    position: absolute;
    left:23%;
    top:48%;
    z-index:4;
    padding-top:30px;
}
#msg2,#msg002{
	width:15%;
    height:19.5%;
    position: absolute;
    left:58%;
    top:10%;
    z-index:4;
}
#msg4,#msg004{
	width:15%;
    height:19.5%;
    position: absolute;
    left:44%;
    top:10%;
    z-index:4;
}
#msg6,#msg006{
	width:15%;
    height:19.5%;
    position: absolute;
    left:30%;
    top:10%;
    z-index:4;
}
#msg8,#msg008{
	width:20%;
    height:19.5%;
    position: absolute;
    left:16%;
    top:10%;
    z-index:4;
}
#msg001,#msg003,#msg005,#msg007{
	margin-top:-30px;
}
/*公交车*/
#car1{
    position: absolute;
    left:68.5%;
    top:28%;
    z-index:1;
}
#car2{
    position: absolute;
    left:61.5%;
    top:28%;
    z-index:1;
}
#car3{
    position: absolute;
    left:54.5%;
    top:28%;
    z-index:1;
}
#car4{
    position: absolute;
    left:47.5%;
    top:28%;
    z-index:1;
}
#car5{
    position: absolute;
    left:40.5%;
    top:28%;
    z-index:1;
}
#car6{
    position: absolute;
    left:33.5%;
    top:28%;
    z-index:1;
}
#car7{
    position: absolute;
    left:26.5%;
    top:28%;
    z-index:1;
}
#car8{
    position: absolute;
    left:19.5%;
    top:28%;
    z-index:1;
}
.car{
	 height:135px;
	 width:120px;
	 background-image: url(../images/car04.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
}
.span1{
	font-size:25px;
}
/*故障*/
.malfunction1{
	background-image:url("../images/bubble05.png");
	 background-repeat: no-repeat;
}
.malfunction2{
	background-image:url("../images/bubble07.png");
	 background-repeat: no-repeat;
}
/*充电中*/
.charging1{
	background-image:url("../images/bubble03.png");
	 background-repeat: no-repeat;
}
.charging2{
	background-image:url("../images/bubble08.png");
	 background-repeat: no-repeat;
}
/*空闲*/
.leisure2{
	background-image:url("../images/bubble06.png");
	 background-repeat: no-repeat;
}
.leisure1{
	background-image:url("../images/bubble04.png");
	 background-repeat: no-repeat;
}
/*断开*/
.off2{
	background-image:url("../images/bubble02.png");
	 background-repeat: no-repeat;
}
.off1{
	background-image:url("../images/bubble.png");
	 background-repeat: no-repeat;
}
span{
	position:relative;
	top:10px;
	left:30px;
}